<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Document</title>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/list.min.css">
    <style>
        .pagination{
            width: 800px;
            height: 50px;
            margin:20px auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="head main">
            <div class="head-left">
                <div class="hl-box">
                <h4 class="hl-left">中文</h4>
                <i class="iconfont">&#xe6ab;</i>
                <ul>
                    <li>中文</li>
                    <li>EN</li>
                </ul>
            </div>
                <div class="line"></div>
                <h5 class="hl-right">RMB￥</h5>
            </div>

            <div class="head-right">
                <span><a href="dl.html" class="zh1">登录</a></span>
                <span><a href="zc.html" class="zh2">注册</a></span>
                <span>
                    <i class="iconfont">&#xe614;</i>
                </span>
            </div>
            <div class="head-logo">
                <img src="../img/Sy/1.jpg" alt="">
            </div>
        </div>
   
        <div class="nav">
            <div class="main clearfix">
                <ul>
                    <li class="nav-item">
                        <a href="Sy.html" class="zh">首页</a>
                        
                    </li>
                    <li class="nav-item">
                        <a href="#" class="zh">包袋</a>
                        <div class="nav-list">
                            <ul class="nav-ul clearfix">
                                <li class="navLi">
                                    <h4>分类</h4>
                                    <a href="#">男士包袋</a>
                                    <a href="#">女士包袋</a>
                                    <a href="#">钱包</a>
                                    <a href="#">手拿包</a>
                                    <a href="#">斜挎包</a>
                                    <a href="#">拉杆箱</a>
                                    <a href="#">双肩包</a>
                                    <a href="#">手提包</a>

                                </li>
                                <li class="navLi2">
                                    <h4>品牌</h4>
                                    <a href="#">爱马仕</a>
                                    <a href="#">香奈儿</a>
                                    <a href="#">迪奥</a>
                                    <a href="#">路易威登</a>
                                    <a href="#">古驰</a>
                                    <a href="#">香奈儿</a>
                                    <a href="#">宝格丽</a>
                                    <a href="#">手提包</a>
                                    <a href="#">Saint Laurent</a>
                                    <a href="#">蔻驰</a>
                                    <a href="#">杜嘉班纳</a>
                                    <a href="#">范思哲</a>
                                    <a href="#">葆蝶家</a>
                                    <a href="#">克洛伊</a>
                                    <a href="#">普拉达</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="zh">腕表</a>
                        
                    </li>
                    <li class="nav-item"><a href="#" class="zh">珠宝首饰</a></li>
                    <li class="nav-item"><a href="#" class="zh">服饰</a></li>
                    <li class="nav-item"><a href="#" class="zh">鞋履</a></li>
                    <li class="nav-item"><a href="#" class="zh">配饰</a></li>
                    <li class="nav-item"><a href="#" class="zh">运动</a></li>
                    <li class="nav-item"><a href="#" class="zh">家居</a></li>
                    <li class="nav-item"><a href="#" class="zh">美妆</a></li>
                    <li class="nav-item"><a href="#" class="zh">生活方式</a></li>
                </ul>

                <div class="search">
                   <div class="search-inner">
                    <input type="text" placeholder="搜索" class="sear">
                    <span class="icon-search">
                        <i class="iconfont">&#xe649;</i>
                    </span>
                   </div>           
                </div>
            </div>           
    </div>
</div>

<div class="nav main">
    <div class="title">
        <a href="#">全部</a><em>></em>
    </div>
    <div class="nav-head main">
        <dl>
            <dt>品牌</dt>
            <dd>
                <div class="brand">
                    <a href="#" style="color: red;">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                    <a href="#">GUCCI/古驰</a>
                </div>
            </dd>
            <a href="#" class="a1">更多<i class="iconfont">&#xe61b;</i></a>
            <a href="#" class="a2">+多选</a>
        </dl>
        <dl>
            <dt>分类</dt>
            <dd>
                <div class="brand">
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                    <a href="#">包袋</a>
                </div>
            </dd>
            <a href="#" class="a1">更多<i class="iconfont">&#xe61b;</i></a>
        </dl>
        <div class="control">
            <a href="#">更多选项<i class="iconfont">&#xe61b;</i></a>
        </div>
    </div>
</div>
<!-- nav finish -->


<div class="list-box main">
    <div class="product-head">
    <a href="#" class="on">商城</a>
    <a href="#">拍卖</a>
</div>

    <div class="list-box"></div>
    <div class="all-list clearfix">
       
    </div>


    <!-- pagination start -->
    <div class="pagination">
        <script src="../js/paginations1.min.js"></script>
        <script>
            //获取操作对象
            var div1=document.querySelector('.pagination')
            //实例化对象
            new Pagination(div1,{
                pageInfo:{
                    pagenum:2,
                    pagesize:20,
                    totalsize:100,
                    totalpage:20
                },
                textInfo:{
                    first:'首页',
                    prev:'上一页',
                    next:'下一页',
                    last:'尾页'
                }
            },(m)=>{
                console.log(m)
            })
        </script>
    </div>

    <div class="bgf clearfix">
        <div class="inp">
            <input type="text" placeholder="BURBERRY/博柏利">
        </div>
        <div class="seach">
            <a href="#">搜索</a>
        </div>
    </div>
    </div>

    <div class="allfooter">
        <div class="footer1 clearfix">
            <div class="main">
                <ul class="footer-link">
                    <li class="f-left">
                        <h4>服务指南</h4>
                        <ul class="clearfix">
                            <li>
                                <a href="#">Investors</a>
                            </li>
                            <li>
                                <a href="#">物流配送</a>
                            </li>
                            <li>
                                <a href="#">联系我们</a>
                            </li>
                            <li>
                                <a href="#">加入我们</a>
                            </li>
                            <li>
                                <a href="#">[公示]禁止传销条例</a>
                            </li>
                            <li>
                                <a href="#">[公示]直销管理条例</a>
                            </li>
                            <li>
                                <a href="#">《隐私政策》</a>
                            </li>
                            <li>
                                <a href="#">帮助</a>
                            </li>
                            <li>
                                <a href="#">《平台服务协议》</a>
                            </li>
                            <li>
                                <a href="#">Investors</a>
                            </li>
                            <li>
                                <a href="#">《消费者告知书》</a>
                            </li>
                            <li>
                                <a href="#">售后服务</a>
                            </li>
                        </ul>
    
                            </li><li class="middle">
                                <h4>公共媒体</h4>
                                <div class="logo">
                                    <div class="weibo">
                                        <i class="iconfont">&#xe65b;</i>
                                        <span>微博</span>
                                    </div>
                                    <div class="weixin">
                                        <i class="iconfont">&#xe698;</i>
                                        <span>微信</span>
                                    </div>
                                </div>
                            </li>
    
                            <li class="right">
                                <h4>我们的APP</h4>
                                <ul>
                                    <li>
                                        <a href="#">寺库商城</a>
                                        <div class="rightCode">
                                            <img src="https://pic13.secooimg.com/push/18/11/7f2ea806edad4471806dd1be4a2ed4dc.png" alt="">
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#">寺库艺术</a>
                                         <div class="rightCode">
                                            <img src="https://pic13.secooimg.com/push/18/11/7f2ea806edad4471806dd1be4a2ed4dc.png" alt="">
                                        </div> 
                                    </li>
                                    <li>
                                        <a href="#">寺库商城</a>
                                        <div class="rightCode">
                                            <img src="https://pic13.secooimg.com/push/18/11/7f2ea806edad4471806dd1be4a2ed4dc.png" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </li>
                    
                </ul>
            </div>
        </div>
        <!-- footer1 finish -->
    
        <div class="footer2 main clearfix">
            <p class="p1">
                <span>ISO9001中国质量管理体系认证</span>
                <span>ISO9001中国质量管理体系认证</span>
                <span>ISO9001中国质量管理体系认证</span>
                <span>ISO9001中国质量管理体系认证</span>
                <span>ISO9001中国质量管理体系认证</span>
            </p>
            <p class="p2">
                <a href="#">
                    <img src="https://pic12.secooimg.com/home/f_01.jpg" alt="">
                </a>
                <a href="#">
                    <img src="https://pic12.secooimg.com/home/f_01.jpg" alt="">
                </a>
                <a href="#">
                    <img src="https://pic12.secooimg.com/home/f_01.jpg" alt="">
                </a>
                <a href="#">
                    <img src="https://pic12.secooimg.com/home/f_01.jpg" alt="">
                </a>
            </p>
        </div>    
    
        <div class="last">
            <p>
                <a href="#">
                    <img src="https://pic12.secooimg.com/res/common/pc/gh.png" alt="">
                    <span>京公网安备
                        11010502038706号</span>
                </a>
            </p>
        </div>
    </div>
    <div class="fixed">
        <img src="https://pic11.secooimg.com/push/2019/1104/ebc23e1b879a45c3be8f4124f7fd2d98.jpg" alt="">
    </div>

    <div class="fix-top">
        <a href="#" onclick="$('html,body').animate({ scrollTop: 0 }, 700);"><i></i></a>
    </div>

</body>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/list.min.js"></script>

<script>
    var tits1=document.querySelectorAll('.product-head a')
    tits1[0].onclick=function(){
        tits1[0].className='on'
        tits1[1].className=''
    }
    tits1[1].onclick=function(){
        tits1[0].className=''
        tits1[1].className='on'
    }
</script>
</html>